<template>
  <!-- 好生活资金池-详情-用户信息 -->
  <div class="borkerInfo">
    <div class="info-item" v-for="(info,idx) in infos" :key="idx">{{idx+"："+info}}</div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {};
  },
  props: ["infos"]
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.borkerInfo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom :10px;
}

.info-item {
  line-height: 40px;
  margin-bottom: 0px;
  font-size: 14px;
  width: 25%;

  &:last-child {
    margin-right: 0;
  }
}
</style>
